Ext.ns('App.View');

App.View.PresetAdd = Ext.extend(Ext.Panel, {

	// privat
	initComponent: function() {
        
		var config = {
		
            floating         : true,
            modal            : true,
            centered         : false,
            width            : Ext.is.Phone ? 260 : 400,
            height           : Ext.is.Phone ? 220 : 320,
            styleHtmlContent : true,
            cls              : 'PresetAdd',
            
            dockedItems: [{
                dock:  'top',
                xtype: 'toolbar',
                title: 'Add new preset',
				items  : [{
			    	text    : 'Cancel',
		            handler : this.onTapButtonAction
			    },{
			    	xtype   : 'spacer'
                },{
			    	text    : 'Save',
			    	ui      : 'confirm',
			        handler : this.onTapButtonAction
                }]
            }],
            
            items     : [{
				id    : 'presetForm',
				xtype : 'form',
				items : [{
                    xtype        : 'textfield',
                    name         : 'presetGroup',
                    label        : 'Group',
	                placeHolder  : 'Base ...',
	                required     : true,
	                useClearIcon : true
                }, {
	                xtype        : 'textfield',
	                name         : 'presetName',
	                label        : 'Name',
	                placeHolder  : 'Q3mapXX ...',
	                required     : true,
	                useClearIcon : true
                }, {
                    xtype        : 'urlfield',
                    name         : 'presetGfx',
                    label        : 'Graphic',
                    placeHolder  : '../Q3mapXX.png',
	                required     : true,
                    useClearIcon : true
                }, {
                    xtype        : 'spinnerfield',
                    name         : 'presetMinute',
                    label        : 'Minute',
	                required     : true,
                    value        : '20',
                    minValue     : 00,
                    maxValue     : 60
                }, {
                    xtype        : 'spinnerfield',
                    name         : 'presetSecond',
                    label        : 'Second',
	                required     : true,
                    value        : '00',
                    minValue     : 00,
                    maxValue     : 60
                }, {
                    xtype        : 'hiddenfield',
                    name         : 'id',
                    value        : '1'
		        }]
            }]
            
		};
		
		Ext.apply(this, config);
		App.View.PresetAdd.superclass.initComponent.call(this);
				
	},
	
	onTapButtonAction: function(button, event) {
		switch (button.text) {
			case 'Cancel':
				//TODO: Find better solution for ownerCt
				this.ownerCt.ownerCt.hide();
				break;
			case 'Save':
				//TODO: Find better solution for ownerCt
            	this.ownerCt.ownerCt.hide();
	        	Ext.Msg.alert('Store new Entry', 'Saving is not implemented jet.', Ext.emptyFn);
				break;
		}
	}
	
});

Ext.reg('App.View.PresetAdd', App.View.PresetAdd);
